<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	<title>金币兑换明细</title>
	<link rel="stylesheet" type="text/css" href="../../../css/aui.css" />
	<link rel="stylesheet" type="text/css" href="../../../css/api.css" />
	<style>
    html,body{height: 100%;width: 100%;}
    #app {height: 100%;}
		#app .warp{background-color: #ffffff;}
		#app .header {height: 44px;line-height: 44px;text-align: center;position: relative;
			background-color: #ffffff;font-size: 16px;display: flex;justify-content: center;
			align-items: center;padding: 0 15px;top: 0;left: 0;right: 0;}
		#app .header img {width: 22px;height: 22px;position: absolute;left: 15px;}
		.headerbox p{font-size: 14px !important;text-align: center;color: #eb5b46;}
		.headerbox p:nth-child(1){height: 48px;line-height: 48px;}
		.headerbox p:nth-child(2){font-size: 36px!important;height: 46px;line-height: 30px;}
		.aui-tab{background: #fff;display: flex;flex-wrap: nowrap;justify-content:space-around;border-bottom:1px solid #dcdcdc;}
		.aui-tab-item{font-size: 16px;background: #fff;height: 46px;line-height: 46px;color: #000;width: auto;}
		.aui-active{color:#eb5b46 !important;border: none !important;border-bottom: 2px solid #eb5b46 !important;}
	</style>
</head>
<body>
	<div id="app">
		<div class="warp">
				<div class="header">
					<img src="../../../image/icon_return.png" alt="" onclick="back()">兑换明细
				</div>
				<div class="headerbox">
					<p>金币收益/个</p>
					<p class="cumulative">0.08</p>
					<div class="aui-tab" id="tab">
					    <div class="aui-tab-item aui-active">金币明细</div>
					    <div class="aui-tab-item">兑换明细</div>
					</div>
				</div>
		</div>
	</div>
</body>
<script type="text/javascript" src="../../../script/api.js"></script>
<script type="text/javascript" src="../../../script/aui-tab.js"></script>
<script type="text/javascript">
	apiready = function () {
			headerH = $api.fixStatusBar($api.dom('.warp'));
			document.getElementsByClassName("cumulative")[0].innerText = api.getGlobalData({key: 'member_info'}).all_integral;
			api.openFrameGroup({
					name: 'GoldExchangelist_frm',
					background: '#FFF',
					scrollEnabled: false,
					vScrollBarEnabled:false,
					rect: {
							x: 0,
							y: headerH,
							w: 'auto',
							h: $api.dom('#app').offsetHeight - $api.dom('.warp').offsetHeight
					},
					index: 0,
					preload:1,//预加载的 frame 个数，默认加载当前页后面一个，默认值为 1；
					frames: [{
							name: 'GoldExchangelist_frm1',
							url: 'GoldExchangelist_frm1.html',
							bgColor:'#fff',
							pageParam:{
									type:1,
							}
					}, {
							name: 'GoldExchangelist_frm2',
							url: 'GoldExchangelist_frm2.html',
							bgColor:'#fff',
							pageParam:{
									type:2,
							}
					}]
			}, function(ret, err) {
			});
			var tab = new auiTab({
	        element:document.getElementById("tab"),
	        index:1,
	        repeatClick:false
	    },function(ret){
					api.setFrameGroupIndex({
							name: 'GoldExchangelist_frm',
							index: ret.index - 1,
							scroll: true
					});
	    });
	};

	function back() {
		api.closeWin({});
	}
</script>
</html>
